<template>
  <view class="a-icon-svg" :style="[boxStyle]">
    <!-- #ifdef APP-NVUE -->
    <image class="a-icon-pack-image" :style="[boxStyle]" :src="png" mode="scaleToFill"></image>
    <web-view v-if="isShow" class="__wh-0" :ref="_uid"  @onPostMessage="changeMessage" 
    src="/uni_modules/icon-park/hybrid/html/index.html" ></web-view>
    <!-- #endif -->
    <!-- #ifndef APP-NVUE -->
    <image class="a-icon-pack-image" :src="url" mode="aspectFit"></image>
    <!-- #endif -->
  </view>
</template>

<script>
import { IconWrapper , genContent } from '../runtime'
export default genContent('i-sandals', IconWrapper('i-sandals',(props)=>(
    '<?xml version="1.0" encoding="UTF-8"?>'
    + '<svg width="' + props.sizeWithUnit + '" height="' + props.sizeWithUnit + '" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">'
        + '<path d="M11.2007 6.85439L10.4923 7.07872C7.00458 8.18319 4.95601 11.7889 5.59445 15.3912C6.3237 19.5059 6.88545 23.4305 7.68923 27.0522C8.47424 30.5892 8.13598 33.7407 7.93924 37.0835C7.74702 40.3496 10.3475 42.9268 13.6113 43.1537C18.2343 43.475 21.7932 39.0724 20.9079 34.5237C20.2236 31.0082 19.7056 27.2065 19.9391 24.5C20.1897 21.5955 20.2164 17.2108 20.1692 13.2488C20.1142 8.63308 15.6014 5.46084 11.2007 6.85439Z" stroke="' + props.colors[0] + '" stroke-width="' + props.strokeWidth + '" stroke-linecap="' + props.strokeLinecap + '" stroke-linejoin="' + props.strokeLinejoin + '"/>'
        + '<path d="M34.8097 5.72316L34.0407 5.86734C30.585 6.5153 28.1475 9.62828 28.114 13.1441C28.0707 17.7014 27.831 22.1492 28 26C28.156 29.553 27.563 32.1525 26.9827 35.0531C26.3565 38.1829 28.4256 41.097 31.5229 41.8679C36.0077 42.9841 40.2353 39.1697 40.1002 34.55C40.0073 31.3747 40.1309 28.038 40.7812 25.5996C41.5705 22.6395 42.3283 17.6968 42.91 13.286C43.5209 8.65442 39.4014 4.8622 34.8097 5.72316Z" stroke="' + props.colors[0] + '" stroke-width="' + props.strokeWidth + '" stroke-linecap="' + props.strokeLinecap + '" stroke-linejoin="' + props.strokeLinejoin + '"/>'
        + '<path d="M8 29C9 20 14 15 14 15C15.6364 17 18.0001 23 20.0001 29" stroke="' + props.colors[0] + '" stroke-width="' + props.strokeWidth + '" stroke-miterlimit="2" stroke-linecap="' + props.strokeLinecap + '" stroke-linejoin="' + props.strokeLinejoin + '"/>'
        + '<path d="M40.0001 30C40.5001 22 35 14 35 14C33.3636 16 28.0006 19.2778 28.0006 25.5" stroke="' + props.colors[0] + '" stroke-width="' + props.strokeWidth + '" stroke-miterlimit="2" stroke-linecap="' + props.strokeLinecap + '" stroke-linejoin="' + props.strokeLinejoin + '"/>'
    + '</svg>'
)))
</script>

<style lang="scss" scoped>
@import '../../style/index.css';
</style>
